.window-controls-container {
  display: flex;
  align-items: center;
  flex-grow: 0;
  flex-shrink: 0;
  text-align: center;
  position: relative;
  z-index: 3000;
  -webkit-app-region: no-drag;
  height: 100%;
  width: 138px;

  .window-icon-bg {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    -webkit-app-region: no-drag;
    height: 100%;

    &:hover {
      background-color: hsla(0, 0%, 100%, 0.1);
    }

    &:nth-child(3) {
      &:hover {
        background-color: rgba(232, 17, 35, 0.9);
        color: #fff;
      }
    }
  }
}
